<template>
  <div class="app">
    <!-- <FingerTouch class="finger"></FingerTouch> -->
    <!-- <Parabola  class="parabola"></Parabola> -->
    <canvas-prc></canvas-prc>

  </div>
</template>
<script lang="ts">
import { Vue, Options } from 'vue-property-decorator';
import HelloWorld from './components/HelloWorld.vue';
import FingerTouch from './components/FingerTouch.vue';
import Parabola from './components/Parabola.vue';
import CanvasPrc from './components/CanvasPrc.vue';


// import wuwei from './libs/wuwei';
// /* 无为数据 */
// provide('wuwei', wuwei);
@Options({ components: {
  HelloWorld,
  FingerTouch,
  Parabola,
  CanvasPrc,
} })
export default class App extends Vue {
}
</script>

<style lang="postcss" scoped>
*{
  margin: 0;
  padding: 0;
}
.app {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  .finger{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
  }
  .parabola{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: grey;
  }
  .huabu{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: grey;
  }
  .canvasTransform{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: grey;
  }
  .canvasTransform{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: grey;
  }
  .canvasFingerTouch{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: grey;
  }
}
:deep(.directive-btn) {
  transition:transform .4s ease;
}
</style>
